Selenium IDE 可說是導入自動化測試的起手式。它很類似按鍵精靈，錄製好腳本後，執行腳本來自動完成文字輸入、點擊或跳頁等動作，確認執行動作皆如預期，若不符合預期狀況則停止並報錯，可協助確認 UI 功能是否正常執行，大大減低手動測試所花費的時間和精力。

安裝

Firefox Selenium IDE

介面

1. 可調整執行速度
2. 執行全部 Test Case
3. 執行當前 Test Case
4. 暫停執行腳本
5. 下一步
6. 錄製腳本
7. Test Case 清單
8. 執行指令/目標：可在此編輯修正。如果選不到正確的 DOM Element，可使用「Select」按鈕協助校正。
9. Log：執行步驟，報錯會用紅字顯示
10. Reference：指令（Command）說明

限制

• 可能會記錯 HTML Element，必須修正目標（Target）。如下例：可能會記成id=img-send，必須改為id=btn-send或精簡程式碼，移除<img>

<a id="btn-send" href="#">
  <img id="img-send" src="#">
</a>

• 指令（Command）需要依照實際情況調整，例如：若點擊按鈕後，需要等待換頁，就必須將 click 改為 clickAndWait

Test Case

這是一個選規格的測試案例，選好規格後，設定購買數量為 3。

執行起來會是這樣。

下載-測試案例

總結

Selenium IDE 的確對於節省測試時間是很有幫助的，可惜

• 只支援 Firefox，其他瀏覽器的測試還是得靠人工檢測，耗時耗力。
• 選取網頁元素不夠精準，導致工程師不是修改自己的程式碼，就是修改 Selenium IDE 選取 target 的結果。
• 報錯相較 Nightwatch 是比較粗糙的。

網誌版。